<template>
  <div>
    <van-sticky>
      <van-row style="background-color: #f2f2f2; height: 54px">
        <van-col span="3" style="padding-left: 15px" >
          <van-image

              fit="contain"
              style="margin-top: 0.6rem"
              width="2rem"
              :src="require('../assets/mi.png')"
          />
        </van-col>
        <van-col span="20">
          <van-search
              @search="onSearch"
              show-action
              v-model="value"
              background="#f2f2f2"
              placeholder="请输入搜索关键词"
          >
            <template #action>
              <div @click="onSearch">搜索</div>
            </template>
          </van-search>
        </van-col>
<!--        <van-col span="3">
          <van-icon
              style="margin-top: 0.7rem;margin-right: 0.5rem"
              size="2rem"
              name="https://b.yzcdn.cn/vant/icon-demo-1126.png"/>
        </van-col>-->
      </van-row>
    </van-sticky>
  </div>
</template>

<script>
export default {
  name: "Select",
  data(){
    return{
      value:''
    }
  },
  methods:{
    onSearch(){
      console.log('search')
    }
  }
}
</script>

<style scoped>

</style>